<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  
    <title>关于我们</title>
    <link rel="stylesheet" href="__CSS__/mystyle.css" />
    <link rel="shortcut icon" href="./Public/favicon.ico" type="image/x-icon">
  </head>
  <body>
    
    <!--导航-->
    <div class="sy-header sy-opaque" id="sy-header">
      <div class="sy-head">
        <div class="sy-bar">
          <div class="sy-logo">
            <a href="{:U('index')}">
              <!--<h1>LOGO</h1>-->
              <img src="__IMG__/logo.png" />
            </a>
          </div>
          <ul class="sy-bar-menu">
            <li>
              <a href="{:U('index')}">首页</a>
            </li>
            <li>
              <a href="{:U('store_process')}">功能</a>
              <div class="sy-bar-child">
                <div class="sy-bar-child-menu">
                  <a href="{:U('store_process')}">店面流程</a>
                  <a href="{:U('report_management')}">报表与管理</a>
                  <a href="{:U('member')}">会员</a>
                  <a href="{:U('marketing')}">营销与推广</a>
                  <a href="{:U('micro_shop')}">微店铺</a>
                  <a href="{:U('boss_assistant')}">老板助手</a>
                </div>
              </div>
            </li>
            <li>
              <a href="{:U('offer')}">设备与价格</a>
            </li>
            <li><a href="{:U('service')}">城市服务商</a></li>
            <li class="active"><a href="{:U('about_us')}">关于我们</a></li>
          </ul>
        </div>
      </div>
    </div>
    
    <div class="sy-about-us-banner"></div>
    
    <div class="sy-about-str">
      <div class="left">
        <h3>微商有道</h3>
        <p>让所有中小微商家都可以使用的优质应用平台</p>
        <p>不需要支付高昂的使用成本</p>
      </div>
      <div class="right">
        <img src="__IMG__/1.jpg" />
      </div>
    </div>
     
    <div class="sy-about-str">
      <div class="left">
        <img src="__IMG__/2.jpg" />
      </div>
      <div class="right">
        <h3>生活便捷&nbsp;&nbsp;&nbsp;&nbsp;消费透明</h3>
        <p>支持商家、消费者可以更好的利用互联网的力量来简化商业与生活。</p>
      </div>
    </div>
    
    <div class="sy-about-str">
      <div class="left">
        <h3>微商有道</h3>
        <p>让所有中小微商家都可以使用的优质应用平台</p>
        <p>不需要支付高昂的使用成本</p>
      </div>
      <div class="right">
        <img src="__IMG__/3.jpg" />
      </div>
    </div>
    
    
    <div class="sy-company">
      
      <div class="side-content">
        
        <div class="side-catalog">
          <div class="side-bar">
            <em class="circle start"></em>
            <em class="circle end"></em>
          </div>
          
          <div class="catalog-scroller">
            <dl class="catalog-list" id="link">
              <dt class="catalog-title level1">
                <em class="pointer"></em>
                <a href="#product" class="title-link">
                  <span class="title-link">公司产品</span>
                </a>
              </dt>
              <dt class="catalog-title level1">
                <em class="pointer"></em>
                <a href="#devel" class="title-link">
                  <span class="title-link">公司发展</span>
                </a>
              </dt>
              <dt class="catalog-title level1">
                <em class="pointer"></em>
                <a href="#brief" class="title-link">
                  <span class="title-link">公司简介</span>
                </a>
              </dt>
              <dt class="catalog-title level1">
                <em class="pointer"></em>
                <a href="#style" class="title-link">
                  <span class="title-link">员工风采</span>
                </a>
              </dt>
              <dt class="catalog-title level1">
                <em class="pointer"></em>
                <a href="#contact" class="title-link">
                  <span class="title-link">联系我们</span>
                </a>
              </dt>
            </dl>
          </div>
          
        </div>

      </div>
      
      <div class="sy-comp" id="product">
        <h1>公司产品</h1>
        <div class="sy-comp-product">
          <div class="product-img">
            <img src="__IMG__/0.jpg" />
          </div>
          <div class="product-content">
            <h2>mClerk</h2>
            <div class="label">
              <span>客户端</span>
              <span>移动app</span>
            </div>
            <p>mClerk店员宝，提升服务效率的利器</p>
            <p>使用对象：服务员  </p>
            <p>主要功能：台桌服务、点单、收银；即将推出考勤、业绩</p>
          </div>
        </div>
        <div class="sy-comp-product">
          <div class="product-img">
            <img src="__IMG__/0.jpg" />
          </div>
          <div class="product-content">
            <h2>mOffice</h2>
            <div class="label">
              <span>客户端</span>
            </div>
            <p>mOffice店铺管理，打理生意的全能助手</p>
            <p>使用对象：店主和管理人员</p>
            <p>主要功能：经营报表、商品管理、规则设定、促销活动等</p>
          </div>
        </div>
        <div class="sy-comp-product">
          <div class="product-img">
            <img src="__IMG__/0.jpg" />
          </div>
          <div class="product-content">
            <h2>mPOS收银台</h2>
            <div class="label">
              <span>客户端</span>
            </div>
            <p>mClerk店员宝，提升服务效率的利器</p>
            <p>使用对象：服务员  </p>
            <p>主要功能：台桌服务、点单、收银；即将推出考勤、业绩</p>
          </div>
        </div>
        <div class="sy-comp-product">
          <div class="product-img">
            <img src="__IMG__/0.jpg" />
          </div>
          <div class="product-content">
            <h2>mClerk</h2>
            <div class="label">
              <span>客户端</span>
              <span>移动app</span>
            </div>
            <p>mClerk店员宝，提升服务效率的利器</p>
            <p>使用对象：服务员  </p>
            <p>主要功能：台桌服务、点单、收银；即将推出考勤、业绩</p>
          </div>
        </div>
        <div class="sy-comp-product">
          <div class="product-img">
            <img src="__IMG__/0.jpg" />
          </div>
          <div class="product-content">
            <h2>CRM</h2>
            <div class="label">
              <span>客户端</span>
              <span>移动app</span>
            </div>
            <p>mClerk店员宝，提升服务效率的利器</p>
            <p>使用对象：服务员  </p>
            <p>主要功能：台桌服务、点单、收银；即将推出考勤、业绩</p>
          </div>
        </div>
      </div>
      
      <div class="sy-comp" id="devel">
        <h1>公司发展</h1>
        <img src="__IMG__/delev.png" />
      </div>
      
      <div class="sy-comp" id="brief">
        <h1>公司简介</h1>
        <p>智辉科技是青藤集团旗下子公司，定位为社区服务配套企业，主要利用信息化、互联网、物联 网等技术提供全面的社区服务配套服务，帮助物业企业提升工作效率、降低运营成本，并协助传统 物业的转型升级，打开物业行业互联网+市场，引导物业行业向多元化经营领域拓展。</p>
        <p>青藤是绍兴数一数二的物业公司，青藤始终坚持“以人为本”的价值取向，奉行“先利人后润己”、 “利他共赢”的经营之道，以及“诚信、热情、主动、团结”的经营理念。到 2015年 12月，接管的中高 端物业项目已达 30 多个，物业管理面积达到 286 万平方米。公司注册资本从 2009 年的 50 万元迅 速增加到了 2015 年的 5000 万元，完成了物业市场的原始积累。青藤沈来江董事长 2009 年便提出 战略发展规划，并一直坚持以物业服务为大本营，通过各种先进技术不断提升物业服务品质及提高 物业工作效率，同时发展社区服务增值业务，业务向相关产业延伸拓展。</p>
      </div>
      
      <div class="sy-comp" id="style">
        <h1>员工风采</h1>
        <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>   
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
          <div class="item active">
            <img src="__IMG__/fencai.jpg" alt="First slide">
          </div>
          <div class="item">
            <img src="__IMG__/fencai.jpg" alt="First slide">
          </div>
          <div class="item">
            <img src="__IMG__/fencai.jpg" alt="First slide">
          </div>
        </div>
        <a class="carousel-control left" href="#myCarousel" 
           data-slide="prev"></a>
        <a class="carousel-control right" href="#myCarousel" 
           data-slide="next"></a>
        </div> 
      </div>
      
      
      
      <div class="sy-comp" id="contact">
        <h1>联系我们</h1>
        
        <div class="con-left">
        <iframe width="381" height="550" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://j.map.baidu.com/8-MDH"></iframe>
        </div>
        
        <div class="con-right">
          <h3>欢迎留言</h3>
          <!--<form action="{:U('Mailer/send')}" method="post">-->
            <input type="text" id="name" name="name" placeholder="姓名" />
            <input type="tel" id="tel" name="tel" placeholder="电话" />
            <textarea rows="7" id="contact_info" name="info" placeholder="联系内容"></textarea>
            <div class="code">
              <input type="text" name="verify" id="verify" placeholder="请填写验证码" autocomplete="off">
              <!--<input type="text" id="code" name="code" placeholder="验证码" />-->
              <div class="code-img"><img style="cursor: pointer; background-color: #0978c9; width: 120px; height: 40px; border-radius: 6px;" id="code"  alt="点击切换" src="{:U('Mailer/verify')}"></div>
            </div>
            <div class="btn btn-submit">发送</div>
          <!--</form>-->

        </div>
        
      </div>
      
      
      
    </div>
    
    
    
    
    <!--footer-->
    <div class="sy-footer">
      <div class="sy-footer-content">
        <ul>
          <li class="first">关于我们</li>
          <li>免费注册</li>
          <li>行业资讯</li>
          <li>加入我们</li>
        </ul>
        <ul>
          <li class="first">服务支持</li>
          <li>申请服务商</li>
          <li>帮助中心</li>
          <li>隐私许可</li>
          <li>使用许可</li>
        </ul>
        <ul class="sy-footer-icon">
          <li class="tel"></li>
          <li class="email"></li>
          <li class="address"></li>
        </ul>
        <img src="__IMG__/erweima.jpg" />
      </div>
    </div>
    <div class="sy-copyright">
      <p>绍兴锦蓝钻信息技术有限公司&nbsp;&nbsp;&nbsp;Copyright&nbsp;&copy;&nbsp;2015 jinlanzuan Inc. All Rights Reserved.&nbsp;&nbsp;浙ICP备1402798</p>
    </div>
    
    <script src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
      $(function(){
        //刷新验证码
//        var verifyimg = $(".verifyimg").attr("src");
//        $(".reloadverify").click(function(){
//          if( verifyimg.indexOf('?')>0){
//            $(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
//          }else{
//            $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
//          }
//        });

        $('#code').click(function(){
          var img = $(this).attr('src');
          if(img.indexOf('?')>0){
            $(this).attr('src',img+'&random='+Math.random());
          }else{
            $(this).attr("src", img.replace(/\?.*$/,'')+'?'+Math.random());
          }
        });

        var arrId = ['product','devel','brief','style','contact'];
        var arrTop = [];
        
        for(i in arrId){
          arrTop.push($("#"+arrId[i]).offset().top-150);
        }
        $("#link a.title-link").click(function(event){
          event.preventDefault();
          var index = $(this).parent().index();
          $(window).scrollTop(arrTop[index]);
        });
        
        windowScroll();
        $(window).scroll(function(){
          windowScroll();
        });
        
         function windowScroll(){
          var height = $(window).scrollTop();
          if(height >= 1700){
            $(".side-content").fadeIn(100);
          }else{
            $(".side-content").fadeOut(100);
          }
          for(i in arrTop){
            if(height >= arrTop[i]){
              
              $("#link .catalog-title").removeClass('active');
              $("#link .catalog-title").eq(i).addClass('active');
            }
          }
        }

//        <input type="text" id="name" name="name" placeholder="姓名" />
//                <input type="tel" id="tel" name="tel" placeholder="电话" />
//                <textarea rows="7" id="contact_info" name="info" placeholder="联系内容"></textarea>
//                <div class="code">
//                <input type="text" name="verify" id="verify" placeholder="请填写验证码" autocomplete="off">

        $('.btn-submit').click(function(){
          var name = $('#name').val();
          var tel = $("#tel").val();
          var info = $('#contact_info').val();
          var verify = $('#verify').val();
          var reg = /^((\(\d{3,4}\)|\d{3,4}-)?\d{7,8})|(^\d{11})$/;
          var url = "{:U('Mailer/send')}";

          if(name == ''){
            alert('请输入姓名！');
            $('#name').focus();
            return ;
          }
          if(tel == ''){
            alert('请输入电话！');
            $('#tel').focus();
            return ;
          }
          if(info == ''){
            alert('请输入内容！');
            $('#contact_info').focus();
            return ;
          }
          if(verify == ''){
            alert('请输入验证码！');
            $('#verify').focus();
            return ;
          }
          if(!reg.test(tel)){
            alert('请输入正确的电话或手机号！');
            $('#verify').focus();
            return ;
          }

          $.post(url,{name:name,tel:tel,info:info,verify:verify},function(data){
              if(data.code == 1){
                alert(data.message);
              }else{
                alert(data.message);
              }
          },'json');

        });

      });
    </script>
  </body>
</html>